<template>
    <a class="detail-list-li" href="/dynamicStateText" v-for="(item, index) in textArrList" :key="index">
        <div class="detail-list-time">
            <span>{{ item.monthAndYear }}</span>
            <span>{{ item.day }}</span>
        </div>
        <div class="detail-list-content">
            <span>{{ item.text1 }}</span>
            <div>{{ item.text2 }}</div>
        </div>
    </a>
</template>

<script>
export default {
    data() {
        return {
            textArrList: [
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' },
                { day: '12', monthAndYear: '2022-01', text1: '国务院关于印发国家职业教育改革实施方案的通知', text2: '1月12日下午，职业教育与普通教育是两种不同教育类型，具有同等重要地位。改革开放以来，职业教育为我国经济社会发展提供了有力的人才和智力支撑，现代职业教育体系框架全面建成，服务经济社...' }
            ]
        };
    }
};
</script>